<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/shou.css">
    <link rel="stylesheet" type="text/css" href="./iconfont/iconfont.css" />
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.7.0/swiper-bundle.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-container">
            <div class="header-content float-clearfix">
                <div class="logo">
                    <a href="/">
                        <img src="https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146"
                            title="兰蔻官方商城" alt="兰蔻官方商城">
                    </a>
                </div>
            </div>
            <div class="nav-content float-clearfix">
                <div class="logo" style="display: none;">
                    <a href="/">
                        <img src="https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146"
                            title="兰蔻官方商城" alt="兰蔻官方商城" data-image="{
                        &quot;standard&quot;:{&quot;high&quot;:&quot;&quot;, &quot;normal&quot;:&quot;https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146&quot;},
                        &quot;medium&quot;:{&quot;high&quot;:&quot;&quot;, &quot;normal&quot;:&quot;https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146&quot;},
                        &quot;small&quot;:{&quot;high&quot;:&quot;&quot;, &quot;normal&quot;:&quot;https://res.lancome.com.cn/build/images/logo@2x.png?version=20210616202855146&quot;}
                    }">
                    </a>
                </div>
                <ul class="nav">
                    <li>首页</li>
                    <li>护肤</li>
                    <li>彩妆</li>
                    <li>香水</li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                618限时秒杀<span class="tag">HOT</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                必囤套装<span class="tag">HOT</span>
                            </span>

                        </a>
                    </li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                菁纯奢宠<span class="tag">HOT</span>
                            </span>

                        </a>
                    </li>
                    <li>
                        <a href="./lian.html">
                            <span>
                                尝鲜礼盒<span class="tag">HOT</span>
                            </span>

                        </a>
                    </li>
                    <li>试用中心</li>
                    <li>会员中心</li>
                </ul>
                <div class="float">
                    <div class="iconfont icon-fangdajing ic">
                        <div class="sh">
                            <input type="text" placeholder="甄选星品">
                        </div>
                    </div>
                    <a href="./gw.html" class="iconfont icon-gouwuche"></a>
                    <a href="./den.html" class="iconfont icon-wode"></a>

                </div>
            </div>
        </div>
    </div>

    <!-- 轮播图 -->
    <div class="swiper-container top">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://res.lancome.com.cn/resources/2021/6/3/16227271215479229.jpg"
                    alt=""></div>
            <div class="swiper-slide"><img src="https://res.lancome.com.cn/resources/2021/6/18/16239971974828269.jpg"
                    alt=""></div>
        </div>
    </div>


    <!-- 轮播图下 -->

    <div>
        <div class="recommend-container e-recommend-goods animate-box" style="margin-top: 0px;">
            <h2 class="animate-title">618狂欢盛典 爆款买1赠1量</h2>
        </div>
        <div class="recommend-tabs-title animate-sub-title">
            <div class="recommend-tabs-title-content">
                <div class="recommend-tabs-item-name tabs-checked" data-index="0">
                    <span>秒杀星品集结</span>
                    <div class="checked-icon-box "></div>
                </div>
                <div class="recommend-tabs-item-name " data-index="1">
                    <span>明星爆款甄选</span>
                    <div class="checked-icon-box none"></div>
                </div>
                <div class="recommend-tabs-item-name " data-index="2">
                    <span>必囤套装集合</span>
                    <div class="checked-icon-box none"></div>
                </div>
            </div>

            <div class="recommend-tabs-content pc-show animate-content">
                <div class="recommend-tabs-item " data-index="0">
                    <div class="recommend-tabs-item-left" data-pcurl="/item/LAN00033-005">
                        <img data-src="https://res.lancome.com.cn/resources/2021/6/3/16227271873918692.jpg"
                            class=" lazyloaded"
                            src="https://res.lancome.com.cn/resources/2021/6/3/16227271873918692.jpg">
                        <div class="recommend-item-left-botton">
                            <span class="recommend-item-left-botton-text" style="color:#000;
                                    border-bottom: 1px solid #000;"></span>
                        </div>
                    </div>
                    <div class="recommend-tabs-item-right">
                        <div class="recommend-goods-content">
                            <div
                                class="recommend-swiper-container0 recommend-swiper-container swiper-container-horizontal">
                                <div class="swiper-container small">
                                    <div class="swiper-wrapper top">
                                        <div class="swiper-slide"><img
                                                src="https://res.lancome.com.cn/resources/2021/6/3/16227271215479229.jpg"
                                                alt=""></div>
                                        <div class="swiper-slide"><img
                                                src="https://res.lancome.com.cn/resources/2021/6/18/16239971974828269.jpg"
                                                alt=""></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-container">
                <h2 class="animate-title">618必抢 限时福利买即赠</h2>
                <div class="bottom-banner-content animate-content" data-pcurl="/landingpage/shoppingdays">
                    <img data-src="https://res.lancome.com.cn/resources/2021/6/18/16240305357431307.png"
                        class="pc-show lazyloaded"
                        src="https://res.lancome.com.cn/resources/2021/6/18/16240305357431307.png">
                    <img data-src="https://res.lancome.com.cn/resources/2021/6/18/16240305405867.jpg"
                        class="mob-show lazyload">
                </div>
            </div>

            <!-- 618热荐 -->
            <div class="banner-container">
                <h2 class="animate-title">618热荐 明星系列 </h2>
                <div class="recommend-content">
                    <div class="star-title-out-box pc-show">
                        <div class="swiper-slide tabs-checked swiper-slide-active" data-index="0"
                            style="width: 172.25px; margin-right: 30px;">
                            <span>尝鲜礼盒</span>
                            <div class="checked-icon-box "></div>
                        </div>
                        <div class="swiper-slide swiper-slide-next" data-index="1"
                            style="width: 172.25px; margin-right: 30px;">
                            <span>菁纯系列</span>
                            <div class="checked-icon-box none"></div>
                        </div>
                        <div class="swiper-slide" data-index="2" style="width: 172.25px; ">
                            <span>极光系列</span>
                            <div class="checked-icon-box none"></div>
                        </div>
                        <div class="swiper-slide" data-index="3" style="width: 172.25px; ">
                            <span>小黑系列</span>
                            <div class="checked-icon-box none"></div>
                        </div>
                    </div>
                </div>
                <div class="star-tabs-content pc-show pc-star-tabs-content animate-content" style="height: 461px;">
                    <div class="star-tab-item star-tab-tracking " data-pcurl="/item/LAN00829" data-index="0">
                        <img data-src="https://res.lancome.com.cn/resources/2021/6/2/16226037725207387.jpg"
                            class="pc-show star-tabs-img lazyloaded"
                            src="https://res.lancome.com.cn/resources/2021/6/2/16226037725207387.jpg">
                        <img data-src="https://res.lancome.com.cn/resources/2021/6/2/16226037763806061.jpg"
                            class="mob-show lazyload">
                    </div>
                </div>

                <div class="vip-container">
                    <h2 class="animate-title">官网特别服务</h2>
                    <div class="vip-content pc-show animate-content">
                        <div class="vip-swiper-list">
                            <div class="swiper-container let">
                                <div class="swiper-wrapper">
                                    <div style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">福利中心</div>
                                            <div class="vip-sub-title" style="color:#000;">尊享官网独家宠爱</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/shoppingdays"
                                        data-swiper-slide-index="0" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#ffffff;">扫码添加美容顾问</div>
                                            <div class="vip-sub-title" style="color:#ffffff;">加入群聊 享粉丝专属特权礼</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/newstation" data-swiper-slide-index="1"
                                        style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/4/16227887823396798.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/4/16227887823396798.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">新品发售日历</div>
                                            <div class="vip-sub-title" style="color:#000;">解锁兰蔻人气新品</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-prev" data-pcurl="/item/LAN00829"
                                        data-swiper-slide-index="2" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/5/24/16218276548248314.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/5/24/16218276548248314.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">兰蔻尝鲜礼盒</div>
                                            <div class="vip-sub-title" style="color:#000;">轻松体验畅销单品</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-active"
                                        data-pcurl="https://www.lancome.com.cn/landingpage/landingpage-member"
                                        data-swiper-slide-index="3" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/10/12/16024956196076934.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/10/12/16024956196076934.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">会员中心</div>
                                            <div class="vip-sub-title" style="color:#000;">臻享专属会员权益</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-next" data-pcurl="/landingpage/maylettering"
                                        data-swiper-slide-index="4" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/4/1/16172740068169392.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/4/1/16172740068169392.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">臻享刻字礼遇</div>
                                            <div class="vip-sub-title" style="color:#000;">为你专属定制</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/trial-home"
                                        data-swiper-slide-index="5" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/1/27/161172734618952.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/1/27/161172734618952.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">兰蔻试用中心</div>
                                            <div class="vip-sub-title" style="color:#000;">明星单品热门试用</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/shoppingdays"
                                        data-swiper-slide-index="6" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/10/23/16034652741374308.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/10/23/16034652741374308.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">扫码进入小程序</div>
                                            <div class="vip-sub-title" style="color:#000;">解锁更多福利资讯</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/whychoose"
                                        data-swiper-slide-index="7" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">福利中心</div>
                                            <div class="vip-sub-title" style="color:#000;">尊享官网独家宠爱</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-duplicate"
                                        data-pcurl="/landingpage/shoppingdays" data-swiper-slide-index="0"
                                        style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#ffffff;">扫码添加美容顾问</div>
                                            <div class="vip-sub-title" style="color:#ffffff;">加入群聊 享粉丝专属特权礼</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-container center">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" data-pcurl="/newstation" data-swiper-slide-index="1"
                                        style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/4/16227887823396798.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/4/16227887823396798.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">新品发售日历</div>
                                            <div class="vip-sub-title" style="color:#000;">解锁兰蔻人气新品</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-prev" data-pcurl="/item/LAN00829"
                                        data-swiper-slide-index="2" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/5/24/16218276548248314.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/5/24/16218276548248314.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">兰蔻尝鲜礼盒</div>
                                            <div class="vip-sub-title" style="color:#000;">轻松体验畅销单品</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-active"
                                        data-pcurl="https://www.lancome.com.cn/landingpage/landingpage-member"
                                        data-swiper-slide-index="3" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/10/12/16024956196076934.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/10/12/16024956196076934.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">会员中心</div>
                                            <div class="vip-sub-title" style="color:#000;">臻享专属会员权益</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-next" data-pcurl="/landingpage/maylettering"
                                        data-swiper-slide-index="4" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/4/1/16172740068169392.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/4/1/16172740068169392.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">臻享刻字礼遇</div>
                                            <div class="vip-sub-title" style="color:#000;">为你专属定制</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/trial-home"
                                        data-swiper-slide-index="5" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/1/27/161172734618952.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/1/27/161172734618952.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">兰蔻试用中心</div>
                                            <div class="vip-sub-title" style="color:#000;">明星单品热门试用</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/shoppingdays"
                                        data-swiper-slide-index="6" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/10/23/16034652741374308.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/10/23/16034652741374308.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">扫码进入小程序</div>
                                            <div class="vip-sub-title" style="color:#000;">解锁更多福利资讯</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/whychoose"
                                        data-swiper-slide-index="7" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">福利中心</div>
                                            <div class="vip-sub-title" style="color:#000;">尊享官网独家宠爱</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-duplicate"
                                        data-pcurl="/landingpage/shoppingdays" data-swiper-slide-index="0"
                                        style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#ffffff;">扫码添加美容顾问</div>
                                            <div class="vip-sub-title" style="color:#ffffff;">加入群聊 享粉丝专属特权礼</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-duplicate" data-pcurl="/landingpage/whychoose"
                                        data-swiper-slide-index="7" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">福利中心</div>
                                            <div class="vip-sub-title" style="color:#000;">尊享官网独家宠爱</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/shoppingdays"
                                        data-swiper-slide-index="0" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#ffffff;">扫码添加美容顾问</div>
                                            <div class="vip-sub-title" style="color:#ffffff;">加入群聊 享粉丝专属特权礼</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-container right">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide swiper-slide-prev" data-pcurl="/item/LAN00829"
                                        data-swiper-slide-index="2" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/5/24/16218276548248314.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/5/24/16218276548248314.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">兰蔻尝鲜礼盒</div>
                                            <div class="vip-sub-title" style="color:#000;">轻松体验畅销单品</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-active"
                                        data-pcurl="https://www.lancome.com.cn/landingpage/landingpage-member"
                                        data-swiper-slide-index="3" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/10/12/16024956196076934.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/10/12/16024956196076934.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">会员中心</div>
                                            <div class="vip-sub-title" style="color:#000;">臻享专属会员权益</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-next" data-pcurl="/landingpage/maylettering"
                                        data-swiper-slide-index="4" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/4/1/16172740068169392.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/4/1/16172740068169392.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">臻享刻字礼遇</div>
                                            <div class="vip-sub-title" style="color:#000;">为你专属定制</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/trial-home"
                                        data-swiper-slide-index="5" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/1/27/161172734618952.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/1/27/161172734618952.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">兰蔻试用中心</div>
                                            <div class="vip-sub-title" style="color:#000;">明星单品热门试用</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/shoppingdays"
                                        data-swiper-slide-index="6" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/10/23/16034652741374308.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/10/23/16034652741374308.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">扫码进入小程序</div>
                                            <div class="vip-sub-title" style="color:#000;">解锁更多福利资讯</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/whychoose"
                                        data-swiper-slide-index="7" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">福利中心</div>
                                            <div class="vip-sub-title" style="color:#000;">尊享官网独家宠爱</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-duplicate"
                                        data-pcurl="/landingpage/shoppingdays" data-swiper-slide-index="0"
                                        style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg"
                                            class="pc-show ls-is-cached lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#ffffff;">扫码添加美容顾问</div>
                                            <div class="vip-sub-title" style="color:#ffffff;">加入群聊 享粉丝专属特权礼</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide swiper-slide-duplicate" data-pcurl="/landingpage/whychoose"
                                        data-swiper-slide-index="7" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2020/11/17/16055931685339163.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">福利中心</div>
                                            <div class="vip-sub-title" style="color:#000;">尊享官网独家宠爱</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/landingpage/shoppingdays"
                                        data-swiper-slide-index="0" style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/16/16238252010813399.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#ffffff;">扫码添加美容顾问</div>
                                            <div class="vip-sub-title" style="color:#ffffff;">加入群聊 享粉丝专属特权礼</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide" data-pcurl="/newstation" data-swiper-slide-index="1"
                                        style="width: 400px;">
                                        <img data-src="https://res.lancome.com.cn/resources/2021/6/4/16227887823396798.jpg"
                                            class="pc-show lazyloaded"
                                            src="https://res.lancome.com.cn/resources/2021/6/4/16227887823396798.jpg">
                                        <div class="vip-item-title-box">
                                            <div class="vip-main-title" style="color:#000;">新品发售日历</div>
                                            <div class="vip-sub-title" style="color:#000;">解锁兰蔻人气新品</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="vip-swiper-handle">
                                <div class="vip-swiper-button-prev">
                                    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'>
                                        <path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z'
                                            fill='#8d8d8d' />
                                    </svg>
                                </div>
                                <div class="vip-swiper-pagination vip-pager1 swiper-pagination-bullets"><span
                                        class="swiper-pagination-bullet"><span></span></span><span
                                        class="swiper-pagination-bullet"><span></span></span><span
                                        class="swiper-pagination-bullet"><span></span></span><span
                                        class="swiper-pagination-bullet swiper-pagination-bullet-active"><span></span></span><span
                                        class="swiper-pagination-bullet"><span></span></span><span
                                        class="swiper-pagination-bullet"><span></span></span><span
                                        class="swiper-pagination-bullet"><span></span></span><span
                                        class="swiper-pagination-bullet"><span></span></span></div>
                                <div class="vip-swiper-button-next">
                                    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'>
                                        <path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z'
                                            fill='#8d8d8d' />
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 暖心 -->
                <div class="banner-container">
                    <h2 class="animate-title">暖心臻献 独家礼遇</h2>
                    <div class="bottom-banner-content animate-content" data-pcurl="/landingpage/shoppingdays">
                        <img data-src="https://res.lancome.com.cn/resources/2021/5/20/16215023240565276.jpg"
                            class="pc-show ls-is-cached lazyloaded"
                            src="https://res.lancome.com.cn/resources/2021/5/20/16215023240565276.jpg">
                        <img data-src="https://res.lancome.com.cn/resources/2021/5/20/16215023294609129.jpg"
                            class="mob-show lazyload">
                    </div>
                </div>

                <!-- 回到顶部 -->
                <div class="back-top" style="display:none;">
                    <div class="e-back-top">
                        <img src="https://res.lancome.com.cn/build/images/new-img/back-top.png">
                    </div>
                    <div class="custom-service">
                        <a class="e-online-consultation showOulaiya"><img
                                src="https://res.lancome.com.cn/build/images/new-img/back-info.png"></a>
                    </div>
                </div>

                <!-- 底部 -->
                <footer class="footer">
                    <div class="footer-guide">
                        <ul class="float-clearfix">
                            <li class="guide-item">
                                <h3>关于我们<i class="icon icon-back-top"></i></h3>
                                <div class="guide-item-content">
                                    <ul>
                                        <li class="addTo-lancome"><a target="_blank"
                                                href="/landingpage/join-us">加入兰蔻</a></li>
                                        <li class="member-center"><a href="javascript:void(0);"
                                                onclick="return jumpMemberCenter()">会员中心</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="guide-item">
                                <h3>联系我们<i class="icon icon-back-top"></i></h3>
                                <div class="guide-item-content">
                                    <ul>
                                        <li class="online-consultation-remark"><a
                                                class="e-online-consultation showOulaiya">线上美容顾问</a>
                                        </li>
                                        <li class="none-sm">
                                            <p>客服热线：400-820-8016</p>
                                        </li>
                                        <li class="none block-sm"><a href="tel:400-820-8016">客服热线：400-820-8016</a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="send-return">
                                <h3><a href="/customer-service-help-center.html">配送及退货</a></h3>
                            </li>
                            <li class="counter-query">
                                <h3><a href="/stores">专柜查询</a></h3>
                            </li>
                            <li class="">
                                <h3>关注我们</h3>
                                <div class="item-share">
                                    <ul class="float-clearfix">
                                        <li>
                                            <a><i class="icon iconfont icon-weixin"></i><span>官方微信</span></a>
                                            <div class="weixin-popup">
                                                <div>
                                                    <img src="https://res.lancome.com.cn/build/images/new-img/footer-4.png"
                                                        style="opacity: 1;">
                                                </div>
                                            </div>
                                        </li>
                                        <li class="wei-bo"><a target="_blank" href="https://weibo.com/lancome"><i
                                                    class="icon iconfont icon-xinlangweibo"></i><span>官方微博</span></a>
                                        </li>
                                    </ul>

                                </div>
                            </li>
                        </ul>
                        <div class="footer-select float-clearfix">
                            <div class="footer-select-item">
                                <p><i class="icon icon-mail none-sm"></i><span>电子邮件</span></p>
                                <div class="form-input subscribe">
                                    <input class="footer-bottom-input" type="text" maxlength="" placeholder="* 输入您的邮箱"
                                        id="subscribe">
                                    <button class="e-footer-mail-btn" id="subscription">确定</button>
                                    <div class="msg-block">
                                        <span style="color:#d51b51;font-size:12px">请输入有效的邮箱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="footer-container">
                        <ul style="margin-bottom: 18px;font-size: 12px;">
                            <li><span>国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。</span>
                            </li>
                        </ul>

                        <ul class="statement">
                            <li class="none-sm">
                                <span>© L’Oreal China 欧莱雅（中国）有限公司版权所有</span>
                            </li>
                            <li>
                                <i class="icon icon-footer-zggs"></i>
                                <a target="_blank"
                                    href="http://wap.scjgj.sh.gov.cn//businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-2012041023233378655&amp;signData=MEQCIC1EYAXJibTl39TcZqED26v2xVQIXO0gFJ8lNsUhO02wAiBjblUFfS5r1ezDJXX3NoQixYijB6IdK7kJ7vx1664UZw=="
                                    rel="nofollow">
                                    <span>中国工商</span>
                                </a>&nbsp;
                                <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow">
                                    <span>沪ICP备08100043号-34</span>
                                </a>
                            </li>
                            <li>
                                <i class="icon icon-footer-hgyab"></i>
                                <a target="_blank"
                                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001526"
                                    rel="nofollow">
                                    <span>沪公网安备 31010602001526号</span>
                                </a>
                            </li>
                            <li class="none block-sm">
                                <span>© L’Oreal China 欧莱雅（中国）有限公司版权所有</span>
                            </li>
                        </ul>
                        <div class="con-content">
                            <ul>
                                <li>
                                    <a target="_blank" href="http://policy.lorealchina.com/termsofusewebsite"
                                        rel="nofollow">使用条款</a>
                                </li>
                                <li>
                                    <a target="_blank" href="http://policy.lorealchina.com/cookiespolicy"
                                        rel="nofollow">Cookies政策</a>
                                </li>
                                <li>
                                    <a target="_blank" href="http://policy.lorealchina.com/privacypolicy"
                                        rel="nofollow">隐私政策</a>
                                </li>
                            </ul>
                            <p class="none-sm">浏览该网站表示您接受并同意我们使 用cookies为您提供个性化的浏览体验。点击<a target="_blank"
                                    href="http://policy.lorealchina.com/cookiespolicy">Cookies政策</a>了解详情</p>
                        </div>
                    </div>

                </footer>
                <script src="./vendor/jquery/jquery.js"></script>
                <script src="./javascripts/index.js"></script>
                <script src="./javascripts/shou.js"></script>
                <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.7.0/swiper-bundle.js"></script>
                <script src="./javascripts/lunbo.js"></script>
                <script>
                    let mySwiper = new Swiper('.swiper-container.top', {
                        autoplay: true,//可选选项，自动滑动
                    })
                    let mysmallSwiper = new Swiper('.swiper-container.small', {
                        autoplay: true,//可选选项，自动滑动
                    })
                    let mySwipers = new Swiper('.swiper-container', {
                        loop: true,
                        autoplay: false,//可选选项，自动滑动
                        navigation: {
                            nextEl: '.vip-swiper-button-next',
                            prevEl: '.vip-swiper-button-prev',
                        },
                    })
                </script>
</body>

</html>